<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人信息</title>
	</head>
	<!--<script src="../js/HTML5Shiv.js" type="text/javascript" charset="utf-8"></script>-->
	<link rel="stylesheet" type="text/css" href="../css/jquery.select.css"/>
	<link rel="stylesheet" type="text/css" href="../css/jquery.mCustomScrollbar.min.css"/>
	<script src="../js/jquery-3.1.0.min.js"></script>
	
	<body>
		
								<div class="f-input">
									<label><span>性别：</span></label> 
									<div class="info-select">
										<div style="position: relative;z-index: 11; height: 30px;">
							            	<select id="mySelect" class="sex">
							               		<option value="男">男</option>
							               		<option value="女">女</option>
							            	</select>
										</div>
									</div>
									<div class="tips ">
										<div id="mySelectTip" class="onShow">
										请选择您的性别
										</div>		
									</div>		
								</div>
	<script src="../js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="../js/jquery.select.js"></script>   
    <script type="text/javascript">
        $(function () {
            $("#mySelect").select({
                width: "100%",
                showSearch: false,
                opacity: false,
                fontSize: "15px",
                mainContent: "请选择",
                rowHoverColor: "#E3E3E3",
                callBack:function(){
                	var ms= $("#mySelect").val();
                	if(ms===''||ms===null||ms===undefined){
                		$("#mySelectTip").empty().addClass("onFocus").html("请选择您的性别").removeClass("onCorrect onShow");
                	}else{
                		$("#mySelectTip").empty().addClass("onCorrect").html("&nbsp").removeClass("onFocus onShow");
                	}
                }
            });
             
        
    </script>
		
		
	</body>
</html>
